
 .banner{width: 250px;
    height: 125px;
    background-color: #fff;
    padding: 5px;
    margin-top: -8px;
    border: 1px solid #ddd;}
.out {position: relative;width:250px;overflow: hidden;height:125px;}
.out .img li a p{position: absolute;bottom: -12px;color: #fff;font-size: 12px;font-family: "Microsoft Yahei";width: 100%;height: 53px; line-height: 50px;text-indent: 1em;overflow: hidden;}
.out .img li{position: absolute;top: 2px;left: 0;display: none;}
.out .num {position: absolute;bottom: 0px;right: -30px;font-size: 0;width: 150px;text-align: center;}
.out .num li {float: left; width: 22px;height: 13px;display: inline-block;font-size: 0px;background-color: #a1a2a2;color: #fff;text-align: center;line-height: 20px;margin: 0 3px;cursor: pointer;}
.out .num li.active { background-color:#e74613;}
.out .btn {position: absolute;top: 50%;width: 30px;height: 60px;margin-top: -30px;background: rgba(0,0,0,.5);color: #fff;text-align: center;line-height: 60px;font-size: 40px;display: none;}
.out:hover .btn{display: block;cursor: pointer;}
.out .left { left: 0;}
.out .right { right: 0;}